



<!-- BEGIN:main -->
<script type="text/javascript">

    function submitSearch(unitID, fieldID) {

        var unitType = 'Cấp Sở Ngành';

        var dataString = 'unitID=' + unitID + '&fieldID=' + fieldID + '&hdAction=search&unitType=' + unitType;

        $.ajax({
            type: "POST",
            data: dataString,
            cache: false,
            beforeSend: function()
            {
                $("#loadMoreButton").show();
            },
            success: function(data) {
                $("#searchResult").html(data);
                $("#loadingButton").hide();
            }
        });
    }


    jQuery(document).ready(function()
    {
        $('#slUnit').change(function() {

            var unitID = $("#slUnit").val();
            var fieldID = $("#slField").val();

            submitSearch(unitID, fieldID);
        });



        $("#slField").change(function()
        {
            var unitID = $("#slUnit").val();
            var fieldID = $("#slField").val();

            submitSearch(unitID, fieldID);
        });
    });

</script>

<div class="d_component">

    <div class="d_title_component d_bold d_size20">
        <a href="./com_procedure.htm">Thủ tục CCHC</a> >> Bộ thủ tục hành chánh cấp sở, ban ngành
    </div>

    <div class="d_divide15"></div>

    <div class="d_content_component" style="text-align: center">

        <div>

            <label> Chọn sở ngành </label>

            <select id="slUnit" name="slUnit">
                <option value="0">-- Chọn Sở ngành --</option>
                <!-- BEGIN:unit_list -->
                <option {SELECTED_UNIT} value="{UNIT_ID}">{UNIT_NAME}</option>
                <!-- END:unit_list -->
            </select>

            <label> Chọn Lĩnh vực </label>

            <select id="slField" name="slField">

                <option value="0">-- Chọn Lĩnh vực --</option>

                <!-- BEGIN:field_list -->
                <option {SELECTED_FIELD} value="{FIELD_ID}">{FIELD_NAME}</option>
                <!-- END:field_list -->
            </select>            
        </div>



        <!-- loading button -->
        <a href="javascript:void()" id="loadingButton" style="display: none">Đang tải.....</a>

        <div class="d_divide10"></div>

        <div class="searchResult" id="searchResult">

            <!-- BEGIN:procedure -->
            <div class="d_article d_border_radius5" style="min-height: 80px; height:auto !important; height: 80px;">	
                <!--<div class="d_title"><a href="./com_procedure/procedure/{PROCEDURE_ALIAS}/{PROCEDUR_ID}.htm">{PROCEDURE_TITLE}</a></div>-->
                <div class="d_title"><a href="javascript:void()">{PROCEDURE_TITLE}</a></div>

                <div class="d_date">{PROCEDURE_DATE}</div>                					                                
                <div class="d_description">{PROCEDURE_DESCRIPTION}</div>                    
            </div> 
            <!-- END:procedure -->

        </div>


    </div>


</div>
<!-- END:main -->
